<!DOCTYPE html>
<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout">

<head>
    <title th:text="${pageTitle}"></title>
    <div data-th-replace="layout/head-top"></div>
    <link rel="stylesheet" type="text/css" th:href="@{{path}/common/v3/summernote/summernote-bs3.css?v={v}(path=${staticPath},v=${v})}"/>
</head>

<body class="gray-bg">
<div class="wrapper wrapper-content animated fadeInLeft">
    <div data-th-replace="common/functionDepict"></div>
    <div>
        <div class="row">
            <div class="creat-step-wrap clearfix" id="fristStep">
                <div id="abc1" class="col-sm-6">
                    <div class="creat-step-bx">
                        <span class="vam fs24 c-4e"><i class="fa fa-hand-pointer-o"></i></span>
                        <div class="creat-step-txt">
                            <h5><span class="fs18 c-222">第一步：基本信息</span></h5>
                            <span class="fs14 c-999">免费直播管理的基本信息</span>
                        </div>
                    </div>
                </div>
                <div id="abc2" class="col-sm-6 creat-step-current">
                    <div class="creat-step-bx">
                        <span class="vam fs24 c-4e"><i class="fa fa-hand-peace-o"></i></span>
                        <div class="creat-step-txt">
                            <h5><span class="fs18 c-222">第二步：描述信息</span></h5>
                            <span class="fs14 c-999">免费直播管理的描述信息</span>
                        </div>
                    </div>
                </div>
            </div>

            <!-- 第二步开始 -->
            <div class="pt10">
                <div class="col-sm-9">
                    <div class="ibox float-e-margins">
                        <div class="ibox-title">
                            <h5>填写描述信息</h5>
                        </div>
                        <div class="ibox-content clearfix pt10">
                            <form class="form-horizontal m-t" id="courseOpen-depict-form">
                                <div class="form-horizontal">
                                    <input name="id" th:value="${courseOpen['id']}" type="hidden"/>
                                    <div class="form-group">
                                        <label class="col-sm-2 control-label text-right">课程特点</label>
                                        <div class="col-sm-8">
                                            <input class="validate-data form-control" type="text" name="trait" th:value="${courseOpen['trait']}" />
                                        </div>
                                    </div>
                                    <div class="hr-line-dashed"></div>
                                    <div class="form-group">
                                        <label class="col-sm-2 control-label text-right">适宜学员</label>
                                        <div class="col-sm-8">
                                            <input class="validate-data form-control" type="text" name="suitableUser" th:value="${courseOpen['suitableUser']}" />
                                        </div>
                                    </div>
                                    <div class="hr-line-dashed"></div>
                                    <div class="form-group">
                                        <label class="col-sm-2 control-label text-right">课程详情介绍</label>
                                        <div class="col-sm-10">
                                            <textarea id="courseOpen-details" name="details" th:text="${courseOpen['details']}"></textarea>
                                        </div>
                                    </div>
                                    <div class="hr-line-dashed"></div>
                                    <div class="form-group">
                                        <div class="col-sm-8 col-sm-offset-2">
                                            <button id="save" class="btn btn-danger" type="button">保存</button>
                                            <button id="cancelLast" class="btn btn-danger" type="button">返回</button>
                                            <button id="cancel" class="btn btn-white ml10" type="button">取消</button>
                                        </div>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
                <div data-th-replace="common/importantNotes"></div>
            </div>
        </div>
    </div>
</div>
<div data-th-replace="layout/head-footer"></div>
<script type="text/javascript" th:src="@{{path}/common/summernote/summernote.min.js?v={v}(path=${staticPath},v=${v})}"></script>
<script type="text/javascript" th:src="@{{path}/admin/business/course/open/save-courseOpen-depict.js?v={v}(path=${staticPath},v=${v})}"></script>
</body>
</html>
